<template>
  <div id="pageDashboard">
    <v-container grid-list-xl fluid>
      <v-layout row wrap>
        <v-flex sm12>
          <v-alert dismissible :value="true" type="success">
            您好!
            WangNingkai，欢迎访问LABLOG
            在这里您可以尽情的书写你的创意
          </v-alert>
        </v-flex>
        <v-flex sm12>
          <h4 class="title font-weight-light">概览</h4>
        </v-flex>
        <v-flex lg3 sm6 xs12>
          <mini-statistic icon="fas fa-file-alt" title="100+" sub-title="文章" color="indigo"></mini-statistic>
        </v-flex>
        <v-flex lg3 sm6 xs12>
          <mini-statistic icon="fas fa-file" title="150+" sub-title="单页" color="red"></mini-statistic>
        </v-flex>
        <v-flex lg3 sm6 xs12>
          <mini-statistic icon="fas fa-comments" title="200+" sub-title="评论" color="light-blue"></mini-statistic>
        </v-flex>
        <v-flex lg3 sm6 xs12>
          <mini-statistic icon="fas fa-comment" title="50+" sub-title="留言" color="purple"></mini-statistic>
        </v-flex>
        <v-flex sm12>
          <h4 class="title font-weight-light">其他</h4>
        </v-flex>
        <v-flex lg7 sm12 xs12>
          <recent-articles-list></recent-articles-list>
        </v-flex>
      </v-layout>
    </v-container>
  </div>
</template>
<script>
import MiniStatistic from '@/components/MiniStatistic'
import RecentArticlesList from './common/RecentArticlesList'
export default {
  name: 'dashboard',
  components: { MiniStatistic, RecentArticlesList },
  data: () => ({
  })
}
</script>
